import { Layout, Menu } from "antd";
import { HomeOutlined, DiffOutlined, EditOutlined } from "@ant-design/icons";
import "./Profile.scss";
import NavBar from "../components/NavBar";

const { Sider } = Layout;

const items = [
	{
		label: "首页",
		key: "1",
		icon: <HomeOutlined />,
	},
	{
		label: "我的收藏",
		key: "2",
		icon: <DiffOutlined />,
	},
	{
		label: "我的上传",
		key: "3",
		icon: <EditOutlined />,
	},
];

const Profile = () => {
	return (
		<Layout className="Profile-container">
			<NavBar userId={1} />
			<Layout className="Profile-content">
				<Sider width={200} className="site-layout-background">
					<Menu
						mode="inline"
						theme="dark"
						defaultSelectedKeys={["1"]}
						items={items}
						style={{ height: "100%", borderRight: 0 }}
					></Menu>
				</Sider>
				<Layout className="layout-content" style={{ padding: 20 }}>
					内容
				</Layout>
			</Layout>
		</Layout>
	);
};
export default Profile;
